<script src="https://cdn.staticfile.org/plupload/2.1.9/plupload.full.min.js"></script>
<script src="https://cdn.staticfile.org/plupload/2.1.9/plupload.min.js"></script>

<script src="https://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.min.js"></script>
<div class="f-container" :controller="mc_usercenter">
  <div ms-visible=' @toggle===true'>
    <div class="g-datumbox">
      <ul class="m-tag">
        <li class="u-color f-pointer">个人资料</li>
        <li class="u-shu">|</li>
        <li class="f-pointer" ms-click="@toggle = !@toggle">安全设置</li>
      </ul>
      <div class="g-mystuff">
        <!--
				<span class="u-account">组织资料</span>
				<img ms-attr='{src:@org_info.logo}'>
				<div class="u-title t-left">
					<span>组织名称</span>
					<span>创建时间</span>
				</div>
				<div class="u-reply t-right">
					<span>{{org_info.title}}</span>
					<span>{{org_info.createtime}}</span>
				</div>
				-->
          <div id="btn-uploader" class="u-uploadimg">
            <img id="pickfiles" class="f-pointer" ms-attr="{src:@user_info.head+'?imageView2/1/w/140'}">
            <div class="u-illustrate">建议200×200px，jpg、gif格式，小于2M图片。</div>
          </div>
          <div class="u-title t-left">
            <span><span class="u-xin">*</span>昵称</span>
            <span>性别</span>
            <span>生日</span>
            <span class="u-myinfo">真实姓名</span>
            <span class="u-myinfo"><span class="u-xin">*</span>手机号码</span>
          </div>
          <form ms-validate="@validate">
            <div class="t-right">

              <input class="u-form " type="text" ms-duplex="@user_info.name" ms-rules='{required:true}' data-message="昵称必须填写">
              <div class="flex-r">
                <label for="radio1" class="u-icon" :class="@user_info.gender==1?'u-icon-radio':'u-icon-radio-default'"></label>
                <span class="u-reply">男</span>
                <label for="radio2" class="u-icon" :class="@user_info.gender==2 ?'u-icon-radio':'u-icon-radio-default'"></label>
                <span class="u-reply">女</span>
                <input id="radio1" class="u-radio" type="radio" name="sex" value="1" :duplex-number="@user_info.gender" />
                <input id="radio2" class="u-radio" type="radio" name="sex" value="2" :duplex-number="@user_info.gender" />
              </div>
              <input id="j-date-birthday" class="u-form " type="text" id="time" ms-duplex="@user_info.birthday|change">
              <input class="u-form " type="text" ms-duplex="@user_info.account.realname" disabled readonly>
              <div class="flex-t">
                <input class="u-form " type="text" ms-duplex="@user_info.account.mobile" disabled="disabled">
                <div class="u-binding  ml10" :click="@bindReviseMobile">{{@user_info.phone == null ? '马上绑定' : '更换手机号'}}</div>
              </div>
            </div>
            <input class="u-preservation" type="submit" value="保存">
          </form>
      </div>
    </div>
  </div>
  <div ms-visible='@toggle===!true '>
    <div class="g-anquan">
      <ul class="m-tag">
        <li class="f-pointer" ms-click="@toggle = !@toggle">个人资料</li>
        <li class="u-shu">|</li>
        <li class="u-color f-pointer">安全设置</li>
      </ul>
      <form ms-validate="@validate_password" class="m-xiugaimima">
        <div class="mima">
          <span>原密码</span>
          <input type="password" :duplex="@password" ms-rules="{required: true}" maxlength="18">
        </div>
        <div class="mima">
          <span>新密码</span>
          <input type="password" id="newpwd" :duplex="@new_password" ms-rules="{required: true, pattern:/^[a-zA-Z]\w{5,17}$/}" data-pattern-message="密码必须以字母开头，长度在6~18之间，只能包含字母、数字和下划线" maxlength="18">
        </div>
        <div class="mima">
          <span>确认新密码</span>
          <input type="password" :duplex="@new_password_2 | change" ms-rules="{required: true, equalto:'newpwd'}" data-equalto-message="两次输入密码不一致" maxlength="18">
        </div>
        <button class="u-xiugai" type="submit">修改</button>
      </form>
    </div>
  </div>
</div>
